<!DOCTYPE HTML>
<html>
<head>
<title>RFTennis | 修改页</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="./css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="./jquery/jquery.min.js"></script>
<script type="text/javascript">
        $(document).ready(function() {
            $(".dropdown img.flag").addClass("flagvisibility");

            $(".dropdown dt a").click(function() {
                $(".dropdown dd ul").toggle();
            });
                        
            $(".dropdown dd ul li a").click(function() {
                var text = $(this).html();
                $(".dropdown dt a span").html(text);
                $(".dropdown dd ul").hide();
                $("#result").html("Selected value is: " + getSelectedValue("sample"));
            });
                        
            function getSelectedValue(id) {
                return $("#" + id).find("dt a span.value").html();
            }

            $(document).bind('click', function(e) {
                var $clicked = $(e.target);
                if (! $clicked.parents().hasClass("dropdown"))
                    $(".dropdown dd ul").hide();
            });


            $("#flagSwitcher").click(function() {
                $(".dropdown img.flag").toggleClass("flagvisibility");
            });
        });
     </script>
<!-- start menu -->     
<link href="./css/megamenu.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="./js/megamenu.js"></script>
<script>$(document).ready(function(){$(".megamenu").megamenu();});</script>
<!-- end menu -->
<!-- top scrolling -->
<script type="text/javascript" src="./js/move-top.js"></script>
<script type="text/javascript" src="./js/easing.js"></script>
   <script type="text/javascript">
		jQuery(document).ready(function($) {
			$(".scroll").click(function(event){		
				event.preventDefault();
				$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
			});
		});
	</script>
	<style>
		.myself_center_head{
			/* width: 200px; */
			height: 30px;
			background-color: #F0F0F0;
			margin-top: 20px;
			line-height: 30px;
			padding-left: 20px;
		}
		
		.myself_center{
			height: 550px;
		}
		
		.myself_center_one{
			font-size: 30px;
			font-weight: 800;
			margin-top: 30px;
		}
			
		.user_table{
			margin-top: 20px;
		}
		
		.uesr_message{
			font-weight: 800;
			padding-right: 15px;
		}
		
		.user_tr{
			line-height: 50px;
		}
		
		.user_btn{
			margin-top: 10px;
			padding: 10px 20px 10px 20px;
		}
		
		.user_input{
			width: 250px;
			height: 20px;
		}
	</style>
</head>
<body>
  <div class="header-top">
	<div class="wrap">
				<div class="logo">
					<a href="index.html"><img src="./images/logo.png" alt="" /></a>
				</div>
				<div class="cssmenu">
					<ul>
						<li class="active"><a href="logo.html">登录/注册</a></li>
						<li><a href="">订单管理</a></li>
						<li><a href="shoppingcart.html">购物车</a></li>
						<li><a href="">个人中心</a></li>
					</ul>
				</div>

				<div class="clear"></div>
			</div>
   </div>
   <div class="header-bottom">
   	  <div class="wrap">
				<!-- start header menu -->
				<ul class="megamenu skyblue">
					<li><a class="color1" href="#">首页</a></li>
					<li class="grid"><a class="color2" href="#">网球</a>
					</li>
					<li class="active grid"><a class="color4" href="#">网球拍</a>

					</li>
					<li><a class="color5" href="#">网球服装</a>

					</li>
					<li><a class="color6" href="#">网球配件</a>

					</li>
					<div class="h_search">
						<form>
							<input type="text" value="">
							<input type="submit" value="">
						</form>
					</div>
				</ul>
				<div class="clear"></div>
			</div>

			
       </div>
        
		<div class="myself_center_head">
			<p>个人中心&emsp;/&emsp;修改中心</p>
		</div>
		
		<center>
		<div class="myself_center">
			<h1 class="myself_center_one">修改信息</h1>
			<table class="user_table">
				<tr class="user_tr">
					<td class="uesr_message">用户名:</td>
					<td><input class="user_input" type="text" placeholder="请输入用户名"></td>
				</tr>
				<tr class="user_tr">
					<td class="uesr_message">密&emsp;码:</td>
					<td><input class="user_input" type="text" placeholder="请输入密码"></td>
				</tr>
				<tr class="user_tr">
					<td class="uesr_message">电&emsp;话:</td>
					<td><input class="user_input" type="text" placeholder="请输入电话"></td>
				</tr>
				<tr class="user_tr">
					<td class="uesr_message">邮&emsp;箱:</td>
					<td><input class="user_input" type="text" placeholder="请输入邮箱"></td>
				</tr>
				<tr class="user_tr">
					<td class="uesr_message">地&emsp;址:</td>
					<td><input class="user_input" type="text" placeholder="请输入地址"></td>
				</tr>
			</table>
			
			<button class="user_btn">确定</button>
		</div>
		</center>
		
      
		<!-- 底部 -->
		<div class="footer">
			<div class="footer-top">
				<div class="wrap">
					<div class="col_1_of_footer-top span_1_of_footer-top">
						<ul class="f_list">
							<li><img src="./images/f_icon.png" alt="" /><span class="delivery">Free delivery on all orders over £100*</span></li>
						</ul>
					</div>
					<div class="col_1_of_footer-top span_1_of_footer-top">
						<ul class="f_list">
							<li><img src="./images/f_icon1.png" alt="" /><span class="delivery">Customer Service :<span class="orange">
										(800) 000-2587 (freephone)</span></span></li>
						</ul>
					</div>
					<div class="col_1_of_footer-top span_1_of_footer-top">
						<ul class="f_list">
							<li><img src="./images/f_icon2.png" alt="" /><span class="delivery">Fast delivery & free returns</span></li>
						</ul>
					</div>
					<div class="clear"></div>
				</div>
			</div>
			<div class="footer-middle">
				<div class="wrap">
					<div class="section group">


						<div class="clear"></div>
					</div>
				</div>
			</div>
			<div class="footer-bottom">
				<div class="wrap">
					<div class="section group">
						<div class="col_1_of_5 span_1_of_5">
							<h3 class="m_9">网球</h3>
							<ul class="sub_list">
								<!-- <h4 class="m_10">首页</h4>
								<li><a href="">网球</a></li> -->
							</ul>
						</div>
						<div class="col_1_of_5 span_1_of_5">
							<h3 class="m_9">网球拍</h3>
							<ul class="list1">
								<li><a href="">Basketball</a></li>

							</ul>
						</div>
						<div class="col_1_of_5 span_1_of_5">
							<h3 class="m_9">网球服装</h3>
							<ul class="list1">
								<li><a href="">Originals Shoes</a></li>

							</ul>
						</div>
						<div class="col_1_of_5 span_1_of_5">
							<h3 class="m_9">网球配件</h3>
							<ul class="list1">
								<li><a href="">Shirts</a></li>
								<li><a href="">Pants & Tights</a></li>
								<li><a href="">Shirts</a></li>
							</ul>
						</div>
						<div class="col_1_of_5 span_1_of_5">
							<h3 class="m_9">关于我们</h3>
							<ul class="list1">
								<li><a href="">联系电话：</a></li>
								<li><a href="">地址：</a></li>
							</ul>
						</div>

						<div class="clear"></div>
					</div>
				</div>
			</div>
			<div class="copy">
				<div class="wrap">
					<p>© 2019 | RFTennis &nbsp;</a></p>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="js/login.js"></script>
		<script type="text/javascript" src="js/form.js"></script>
		<script type="text/javascript" src="js/config.js"></script>
		<script type="text/javascript" src="js/login_ajax.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {

				var defaults = {
					containerID: 'toTop', // fading element id
					containerHoverID: 'toTopHover', // fading element hover id
					scrollSpeed: 1200,
					easingType: 'linear'
				};


				$().UItoTop({
					easingType: 'easeOutQuart'
				});

			});
		</script>
		<a href="#" id="toTop" style="display: block;"><span id="toTopHover" style="opacity: 1;"></span></a>
	</body>
</html>
